﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="description" content="Đặt hẹn khám bệnh trực tuyến, cung cấp dịch vụ hẹn khám trực tuyến miễn phí" />
	<meta name="keywords" content="đặt chỗ khám bệnh, hẹn khám bệnh, hẹn khám trực tuyến, hẹn khám miễn phí" />
  	<title>Hẹn khám trực tuyến</title>
  	<link rel="icon" href="<%= request.getContextPath() %>/images/favicon.png" type="image/png"/>
	<script type="text/javascript" src="<%= request.getContextPath() %>/js/jquery.min.js"></script>
	<script type="text/javascript" src="<%= request.getContextPath() %>/js/jcarousellite_1.0.1.js"></script>
    <link href="<%= request.getContextPath() %>/css/style.css" rel="stylesheet" type="text/css" />
    <link href="<%= request.getContextPath() %>/css/home.css" rel="stylesheet" type="text/css" />
    <link href="<%= request.getContextPath() %>/css/video.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">

	$(document).ready(function() {
		$(".carousel").jCarouselLite({
			btnPrev: $(".prev"),
			btnNext: $(".next"),
		    visible: 5
		});
	});
	</script>
 </head>
  <body>
  	<jsp:include page="include/top.jsp"></jsp:include>
	<div id="home-content">
		<div id="bannerContainer">    	    
			<div class="banner">
				<a href="<%=request.getContextPath() %>/home"><img src="<%= request.getContextPath() %>/images/logo.png" class="mainLogo" /></a>
				<img src="<%= request.getContextPath() %>/images/hospital_banner.jpg" class="mainBanner" />
			</div>
		</div>
		<div id="aggregateHeaderWrapper">
			<div id="aggregateHeader">
				<h2>ĐẶT HẸN KHÁM BỆNH</h2>
			</div>
		</div>
		
		<div id="contentWrapper">		
			<div id="productList" class="wrapperBox">
				<div class="title">Sản phẩm y khoa 
				<a href='<%=request.getSession().getAttribute("productUrl") %>/home/addProduct' class="button">Đăng sản phẩm miễn phí</a>
				<a href='<%=request.getSession().getAttribute("productUrl") %>' class="button" style="margin-right: 20px;">Tìm sản phẩm</a></div>
				<iframe scrolling="no" src='<%=request.getSession().getAttribute("productUrl") %>/free/showTopNew'></iframe>
			</div>
			<div class="wrapperBox register">
				<div>
					<h1 class="orange">Dịch vụ hẹn khám trực tuyến</h1>
					<p>Miễn phí hoàn toàn, công cụ hỗ trợ đắc lực và hiệu quả cho công việc khám chữa bệnh</p>
					<br/>
					<a class="button" href="/home/register">Đăng kí sử dụng dịch vụ</a><br/><br/>
					<img src="<%=request.getContextPath()%>/images/free.png" width="60" />
					<p style="color: red; font-size: 15px; font-family: Tahoma;"><a href="/home/register">Ưu đãi đặc biệt</a> cho 20 phòng khám đầu tiên đăng kí sử dụng dịch vụ</p>
				</div>
				<div id="searchBox">
						<div class="searchForm">
							<form action="/home/search">
							<input type="text" id="keyword" name="keyword" value="" size="50" placeholder="Tìm phòng khám" />
							<input type="submit" value="Tìm"><br/>
							<label>Gợi ý: có thể tìm theo tên phòng khám, tên bác sĩ hoặc địa chỉ phòng khám</label>
							</form>
						</div>
				</div>
			</div>
		</div>
		<div id="fullWidth" style="width: 1100px; margin: 0 auto;">
			<div class="topLoc wrapperBox">
				<div class="left">
					<div class="title">Tư vấn sức khỏe</div>
					<div class='prev'><img src="<%= request.getContextPath() %>/images/carPrev-on.png" /></div>
					<div class="carousel">
						<ul>
							<s:iterator value="topVideos">
								<li>
									<a href='/video/<s:property value="id"/>'><div class="vidImg"><img alt='<s:property value="name"/>' src='<s:property value="thumbnail"/>'></div>
									<div class="vidInfo"><s:property value="name"/> 
									<s:if test='length != null && length != ""'>
										(<s:property value="length"/>)
									</s:if>
									</div></a>
								</li>
							</s:iterator>
						</ul>		
					</div>
					<div class='next'><img src="<%= request.getContextPath() %>/images/carouNext-on.png" /></div>
				</div>
				<div class="left" style="margin-bottom: 20px;">
				<div class="title">Phòng khám tiêu biểu</div>
				<ul>
					<s:iterator value="topLocations" status="location" id="aLocation">
						<li>
						<s:if test="%{account == null}">
							<a href='/home/detail/<s:property value="locationId"/>'>
							<s:property value="name"/></a>
						</s:if>
						<s:else>
							<a href='/<s:property value="account.username"/>' >
								<s:property value="name"/></a>
						</s:else>
						</li>
					</s:iterator>
				</ul>
				</div>
			</div>
		</div>
	</div>
	<s:include value="include/bottom.jsp">
		<s:param name="marketUrl" value="dashboard" />
	</s:include>
  </body>
</html>